﻿@{
    ViewBag.Title = "Загрузить фотографии";
}
@section HEAD{
<script src="@Url.Content("~/Content/js/application.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/js/jquery.fileupload-ui.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/js/jquery.fileupload.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/css/jquery.fileupload-ui.css")" rel="stylesheet" type="text/css" />
<style>
    form.file_upload input {
      position: absolute;
      top: 0;
      left: -430px;
      margin: 0;
      border: solid transparent;
      border-left-width: 200px;
      opacity: 0;
      -ms-filter: 'alpha(opacity=0)';
      filter: alpha(opacity=0);
      -o-transform: translate(-100px, 0) scale(2);
      -moz-transform: translate(380px, 0);
      cursor: pointer;
      height:1.85em;
    }
</style>
}
<h2>Загрузить фотографии</h2>

 @using (Html.BeginForm("Upload", "Photo", FormMethod.Post,
     new { enctype = "multipart/form-data", id = "file_upload" }))
 {
	<div class="fileupload-buttonbar">
        @Html.Hidden("Id", (int)ViewBag.StoryId)
        @Html.Hidden("storyType", (string)ViewBag.StoryType)
        <label class="fileinput-button">
            <span class="asButton_container" style="width:200px">Выберите фотографии...</span>
            <input type="file" name="photo" multiple/>
        </label>
    </div>
    <table class="files" id="files"></table>
 }
 
 <a href="@ViewBag.returnUrl">Вернуться</a>
 